home *** CD-ROM | disk | FTP | other *** search
/ MacAddict 118 / MacAddict 118 2006-06.toast / Software / Productivity / VelaClock 1.5.1 (shareware).dmg / VelaClock 1.5.1.wdgt / VelaClock.css < prev    next >
Cascading Style Sheet File  |  2006-03-11  |  27KB  |  1,809 lines
  1. /* Copyright 2005, Vela Design Group.  All rights reserved. */
  2.  
  3. body {
  4.     margin:0;
  5. }
  6.  
  7.  
  8. #back {
  9.     display:none;
  10.     background-image:url(Images/backside.png);
  11.     background-repeat:no-repeat;
  12.     background-position: top left;
  13. }
  14.  
  15. #eulaDiv {
  16.     position:absolute;
  17.     width: 100%;
  18.     height: 100%;
  19.     background:url(Default.png) no-repeat top left;
  20.     display:none;
  21. }
  22.  
  23. #eulaImage {
  24.     position: absolute;
  25.     z-index: 9;
  26.     top: 12px;
  27.     left: 20px;
  28. }
  29.  
  30. #agreeButton {
  31.     position:absolute;
  32.     top: 185px;
  33.     right: 45px;
  34.     height:23px;
  35.     background-color: rgb(150, 150, 150);
  36.     padding: -2px;
  37.     z-index: 10;
  38. }
  39.  
  40. #alertDiv {
  41.     position:absolute;
  42.     width: 100%; /* 210px */
  43.     height: 100%; /* 20px */
  44.     
  45.     /* border-style: solid;
  46.     border-color: white;
  47.     border-width: 3px; */
  48.     
  49.     /* z-index: 10; */
  50.     display: none;
  51. }
  52.  
  53. #alertBack {
  54.     position: absolute;
  55.     left: 42px; /* this is the margin*/
  56.     bottom: 1px;
  57.     z-index: 11;
  58. }
  59.  
  60. #alertClose {
  61.     position: absolute;
  62.     left: 49px;
  63.     bottom: 6px;
  64.     z-index: 12;
  65. }
  66.  
  67. #alertMessage {
  68.     cursor: pointer;
  69.     font-family: "Lucida Grande";
  70.     font-size: 9px;
  71.     color: #0000FF;
  72.     text-decoration: underline;
  73.     
  74.     position: absolute;
  75.     left: 65px;
  76.     bottom: 7px;
  77.     width: auto;
  78.     z-index: 12;
  79. }
  80.  
  81. #overlay {
  82.     position: absolute;
  83.     /* top right bottom left */
  84.     /* margin: 0 20px; */
  85.     margin-left: 10px; 
  86.     width: 93%; /* 255px */
  87.     height: 100%;
  88.     
  89.     display:none;
  90.     background-color: rgba(64, 64, 64, 0.75);
  91.  
  92.     z-index: 19;
  93. }
  94.  
  95. /*
  96. #dialogDivCountainer {
  97.     position:absolute;
  98.     width: 100%;
  99.     height: 100%;
  100.  
  101.     z-index: 20;
  102.     display: none;
  103. }
  104. */
  105.  
  106. #dialogDivContainer {
  107.     /* Add 28px to the top */
  108.     position:absolute;
  109.     width: 100%;
  110.     height: 100%;
  111.  
  112.     z-index: 20;
  113.     display: none;
  114. }
  115.  
  116. #dialogDiv {
  117.     position:absolute;
  118.     top: 28px;
  119.     left: 27px;
  120.     width: 224px; /* width of dialog graphic */
  121. }
  122.  
  123. #dialogBack {
  124.     position:inherit;
  125.     top: 0px;
  126. /*
  127.     position: relative;
  128.     top: 8px;
  129.     left: 27px;
  130.     width: 224px;
  131.     height: 186px;
  132.  
  133.     background-image:url("Images/dialogBack.png");
  134.     background-repeat:no-repeat;
  135.     background-position: top left;
  136.     z-index: 20;
  137. */
  138.  
  139. /*
  140.     position: absolute;
  141.     top: 13px;
  142.     left: 27px;
  143. */
  144. }
  145.  
  146. #dialogTitle {
  147.     font-size: 13px;
  148.     font-family: "Helvetica Neue";
  149.     font-weight: bold;
  150.       text-align: center;
  151.  
  152.     position: inherit;
  153.  
  154.     top: 3px;
  155.     width: 224px;
  156.     /*
  157.     left: 4px;
  158.     width: 224px;
  159.  
  160.     border-style: dotted;
  161.     border-color: fuchsia;
  162.     border-width: 1px;
  163.     */
  164. }
  165.  
  166. .dialogMessageStyle {
  167.     font-size: 12px;
  168.     font-family: "Helvetica Neue";
  169.     font-weight: bold;
  170.     line-height: 1.25em;
  171.     
  172.     position: inherit;
  173.     left: 12px;
  174.     width: 200px;
  175. }
  176.  
  177. #dialogMessage1 {
  178.     top: 38px;
  179. }
  180.  
  181. #dialogMessage2 {
  182.     top: 66px;
  183. }
  184.  
  185. #dialogOKButton {
  186.     position: inherit;
  187.     top: 150px;
  188.     right: 6px;
  189.     width: 66px;
  190.     height: 23px;
  191.     -apple-dashboard-region:dashboard-region(control rectangle);
  192. }
  193.  
  194. #dialogPurchaseButton {
  195.     position: inherit;
  196.     top: 150px;
  197.     left: 8px;
  198.     height: 23px;
  199.     -apple-dashboard-region:dashboard-region(control rectangle);
  200. }
  201.  
  202. #dialogWebSiteButton {
  203.     position: inherit;
  204.     top: 122px;
  205.     left: 8px;
  206.     height: 23px;
  207.     -apple-dashboard-region:dashboard-region(control rectangle);
  208. }
  209.  
  210.  
  211. #tableTop {
  212.     width:276px;
  213.     height:31px;
  214.     background:url(Images/row_1.png) no-repeat top left;
  215. }
  216.  
  217. .tableRowLight {
  218.     width:276px;
  219.     height:25px;
  220.     background:url(Images/row_X_lite.png) no-repeat top left;
  221. }
  222.  
  223. .tableRowDark {
  224.     width:276px;
  225.     height:25px;
  226.     background:url(Images/row_X_dark.png) no-repeat top left;
  227. }
  228.  
  229. .tableBottomLight {
  230.     width:276px;
  231.     height:28px;
  232.     background:url(Images/row_N_lite.png) no-repeat top left;
  233. }
  234.  
  235. .tableBottomDark {
  236.     width:276px;
  237.     height:28px;
  238.     background:url(Images/row_N_dark.png) no-repeat top left;
  239. }
  240.  
  241. #infoBackTop {
  242.     width: 276px;
  243.     height: 5px; /* new:22px old:5px */
  244.     /*background-color: rgba(190,0,0,0.25);*/
  245.     background:url(Images/infoBackTop.png) no-repeat top left;
  246. }
  247.  
  248. #infoBackBottom {
  249.     width: 276px;
  250.     height: 2px; /* new:6px old:2px */
  251.     /*background-color: rgba(190,0,0,0.5);*/
  252.     background:url(Images/infoBackBottom.png) no-repeat top left;
  253. }
  254.  
  255. #infoAreaContainer {
  256.     overflow: hidden;
  257. }
  258.  
  259. #infoArea {
  260.     width:276px;
  261.     height: auto; /* 297px */
  262.     
  263.     background-image:url(Images/infoBackRepeat.png);
  264.     background-repeat:repeat-y;
  265.     background-position: top left;
  266.     /* top right bottom left */
  267.     
  268.     /*
  269.     border-style: dotted;
  270.     border-color: red;
  271.     border-width: 1px;
  272.     */
  273.     /* 
  274.     height: 99px;
  275.     background-image:url(Images/infoBackground.png);
  276.     background-repeat:no-repeat;
  277.     background-position: top left;
  278.     */
  279.     overflow: hidden;
  280. }
  281.  
  282. .infoItemDivContainer {
  283.     height: auto;
  284.     position: inherit;
  285.     display: block;
  286.     overflow: hidden;
  287.     /*
  288.     border-style: dotted;
  289.     border-color: red;
  290.     border-width: 1px;
  291.     */
  292. }
  293.  
  294. #footer {
  295.     /*
  296.     border-style: solid; 
  297.     border-color: red;
  298.     border-width: 1px;
  299.     */
  300.     
  301.     width:276px;
  302.     height:39px; /* 35px */
  303.     z-index: 2;
  304.     background-image:url(Images/borderBottom.png);
  305.     background-repeat:no-repeat;
  306.     background-position: top left;
  307.     display: inline-block; /* added in vc15*/
  308. }
  309.  
  310. .infoItemDivBack {
  311.     /*
  312.     background-image:url("Images/infoBackground.png");
  313.     background-repeat:no-repeat;
  314.     background-position: top left;
  315.     */
  316.     overflow: hidden;
  317. }
  318.  
  319. .infoDivBottom {
  320.     height: 4px;
  321.     width:276px;
  322.     
  323.     background-image:url("Images/paneDivider.png");
  324.     background-repeat:no-repeat;
  325.     background-position: top left;
  326.  
  327.     /*
  328.     margin-left: 22px; 
  329.     width: 83%;
  330.     background-color: rgba(191, 191, 191, 0.4);
  331.     height: 1px;
  332.     */ /* old width: 255px */
  333.  
  334.     /* background-color:fuchsia; */
  335.  
  336.     /*
  337.     border-style: dotted;
  338.     border-color: fuchsia;
  339.     border-width: 1px;
  340.     
  341.     background-image:url("Images/infoBackgroundBottom.png");
  342.     background-repeat:no-repeat;
  343.     background-position: top left;
  344.     */
  345.     z-index: 2;
  346.     overflow: hidden;
  347. }
  348.  
  349.  
  350. #tabBorder {
  351.     position:absolute;
  352.     top: 98px; /* 97px 100px 99px; lives on infoArea div */
  353.     left: 95px; /* 101px 18px */
  354.  
  355.     display:inline-block;
  356.     /* opacity:0.30; */
  357.     /* visibility: hidden; */
  358. }
  359.  
  360. .buttonStyle {
  361.     top: 3px;
  362. }
  363.  
  364. /*
  365. #demoTest {
  366.     position:absolute;
  367.     top: 4px;
  368.     left: 18px;
  369.     
  370.     height: 6px;
  371.     width: 6px;
  372.  
  373.     background-color: rgb(7,41,151);
  374.     
  375.     display:block;
  376. }
  377. */
  378.  
  379. /* infoPopup (added 12 to left) */
  380. #divSunButton {
  381.     position:absolute;
  382.     left: 82px; /* 93px 32px centered: 79px; vc14: 93px; small: 100px */
  383.     
  384.     display:block;
  385. }
  386.  
  387. #divRiseSetButton {
  388.     position:absolute;
  389.     left: 112px;
  390.     
  391.     display:block;
  392. }
  393.  
  394. #divMoonButton {
  395.     position:absolute;
  396.     left: 142px; /* 124px centered: 110px; vc14: 124px; small: 127px 100+23+4 (43px) */
  397.     
  398.     display:block;
  399. }
  400.  
  401. #divTimeButton {
  402.     position:absolute;
  403.     left: 172px; /* 155px centered: 163px; vc14: 155px; small: 153px 127+23+3 (69px) */
  404.     
  405.     display:block;
  406. }
  407.  
  408. #buttonBackground {
  409.     position:absolute;
  410.     top:90px;
  411.     left:92px;
  412. }
  413.  
  414.  
  415. .emphasizedText {
  416.       color: rgb(255,255,255);
  417. }
  418.  
  419. .de-emphasizedText {
  420.       color: rgb(220,220,220); /* 235 */
  421. }
  422.  
  423. /*
  424. .titleRollie {
  425.     cursor: pointer;
  426.     
  427.     background-image:none;
  428.     background-repeat:repeat;
  429.     background-position: top left;
  430. }
  431. */
  432.  
  433. /* light level (sun) panel */
  434.  
  435. #curLightDiv {
  436.     position: absolute;
  437.     display:inline-block;
  438.     white-space: nowrap;
  439.     text-align: center;
  440.     
  441.     /* panel top */
  442.     top: 1px; /* 5px vc14: 7px vc12: 8px */
  443.     left: 72px; /* 47px vc14: 53px; vc13: 38px */
  444.       right: 70px; /* 45px added for vc15 */
  445.  
  446.     width: auto;
  447.     padding-top: 1px;
  448.     height: 15px;
  449. }
  450.  
  451. .sunStyle {
  452.     font-size: 12px;
  453.     font-family: "Helvetica Neue";
  454.     /*
  455.     font-size: 11px;
  456.     font-family: "Helvetica Neue";
  457.       */
  458.       /* color: #ffffff; */
  459.     display:inline-block;
  460. }
  461.  
  462. #currentLightTitle {
  463.     width: auto;
  464. }
  465.  
  466. #lightDot {
  467.     margin-bottom: 2px;
  468.     
  469.     /* vc14 
  470.     padding-left: 2px;
  471.     padding-bottom: 2px; */
  472.     /* image is 3px width by 11px high*/
  473.     
  474.     /*
  475.     padding-left: 2px;
  476.     width: 3px;
  477.     height: 9px;
  478.     */
  479. }
  480.  
  481. #currentLight {
  482.     width: auto;
  483. }
  484.  
  485. #daylight-Image {
  486.     position: absolute;
  487.     left:24px;
  488.     top: 31px; /* vc14: 32px; 34px vc12:36px */
  489.     
  490.     /*
  491.     border-style: solid;
  492.     border-color: #5a2f25;
  493.     border-width: 1px;
  494.     */
  495. }
  496.  
  497. #timePt-Image {
  498.     position: absolute;
  499.     margin-left: 19px; /* 15px graphic is 11 x 14 (old: 7 x 14; 17px) */
  500.     /* padding-left: 2px;  new */
  501.     left: 0px;
  502.     top: 25px; /* vc14: 26px vc12: 28px */
  503.     width: 11px;
  504.     height: 19px; /* vc12: 14px*/
  505.     
  506.     z-index: 3;
  507. }
  508.  
  509. .timeLabel {
  510.     position: absolute;
  511.     margin-left:24px; /* 20px */
  512.     font-family: "Helvetica Neue";
  513.     font-size: 11px; /* 8.5px */
  514.     /* letter-spacing: -0.1em; */
  515.  
  516.     /* font-family: "Lucida Grande";
  517.     font-size: 7px; */
  518.     
  519.     /*
  520.     border-style: solid;
  521.     border-color: #5a2f25;
  522.     border-width: 1px;
  523.     */
  524.     
  525.     top: 58px; /* vc14: 59px; 50px vc12:48px */
  526.     width:14px;
  527.     height:10px;
  528.     text-align:center;
  529. }
  530.  
  531. #time03 { left: 21px;} /* 22px */
  532. #time06 { left: 50px;} /* 51px */
  533. #time09 { left: 78px;} /* 81px */
  534. #time12 { left: 106px;} /* 109px */
  535. #time15 { left: 134px;} /* 139px */
  536. #time18 { left: 163px;} /* 168px */
  537. #time21 { left: 191px;} /* 198px */
  538.  
  539. #daylightDuration {
  540.     position: relative;
  541.     font-size: 11px;
  542.  
  543.     top: 75px; /* 35px */
  544.     left: 62px; /* 45px 52px */
  545.     width: auto;
  546. }
  547.  
  548. /* rise/set times panel */
  549.  
  550. .riseSetStyle {
  551.     position: relative;
  552.     display: inline-block;
  553.     white-space: nowrap;
  554.     /*
  555.     border-style: dotted;
  556.     border-color: fuchsia;
  557.     border-width: 1px;
  558.     */
  559.     font-family: "Helvetica Neue";
  560.       font-size: 11px;
  561. }
  562.  
  563. .riseSetTitle {
  564.       text-align: right;    
  565.     height: auto;
  566. }
  567.  
  568. .sunRiseSetTitle {
  569.     width: 44px;
  570. }
  571.  
  572. .moonRiseSetTitle {
  573.     width: 50px;
  574. }
  575.  
  576. .riseSetTime {
  577.       text-align: right;
  578.     width: 28px;
  579.     height: auto;
  580. }
  581.  
  582. .riseSetAMPMStyle {
  583.     text-align: left;
  584.     width: 18px;
  585.     height: auto;
  586. }
  587.  
  588. .riseSetDivStyle {
  589.     position: absolute;
  590. }
  591.  
  592. /* panel top */
  593. #sunRiseDiv        { top:  2px; left: 35px; }
  594. #sunSetDiv        { top: 16px; left: 35px; }
  595.  
  596. #moonRiseDiv    { top:  2px; left: 146px; }
  597. #moonSetDiv        { top: 16px; left: 146px; }
  598.  
  599. .twilightTitle {
  600.       text-align: right;    
  601.     width: 144px;
  602.     height: auto;
  603. }
  604.  
  605. #twilightDivMain {
  606.     top: 36px; /* 33px */
  607.     left: 32px;
  608.     font-size: 11px;
  609.       /* line-height: 11px;  reduces line height (font-size is 11px) */
  610.     /*
  611.     border-style: dotted;
  612.     border-color: fuchsia;
  613.     border-width: 1px;
  614.     */
  615. }
  616.  
  617.  
  618. /* moon panel */
  619.  
  620. #curPhase-Image {
  621.     position: absolute;
  622.     left: 102px;  /* vc14: 101px; temp-vc15: 24px; 106px 111px */
  623.     top: 25px; /* 22px vc14: 21px; 5px 34px */
  624.     /* display:none; */
  625. }
  626.  
  627.  
  628. #prevPhase-Image {
  629.     position: absolute;
  630.     left: 38px; /* 39px */
  631.     top: 38px; /* vc12: 40px */
  632.  
  633.     /*
  634.     border-style: solid;
  635.     border-color: #5a2f25;
  636.     border-width: 1px;
  637.     */
  638. }
  639.  
  640. #nextPhase-Image {
  641.     position: absolute;
  642.     left: 208px;
  643.     top: 38px; /* vc12: 41px */
  644.  
  645.     /*
  646.     border-style: solid;
  647.     border-color: #5a2f25;
  648.     border-width: 1px;
  649.     */
  650. }
  651.  
  652. #curPhaseTitleDiv {
  653.     position: absolute;
  654.     display: inline-block;
  655.     white-space: nowrap;
  656.     text-align: center;
  657.     
  658.     /* panel top */
  659.     top: 2px; /* 5px */
  660.     left: 72px; /* 35px = 47 - 12(width of curPhaseDot) */
  661.       right: 70px; /* 45px */
  662.  
  663.     width: auto;
  664.     padding-top: 1px;
  665.     height: 15px;
  666. }
  667.  
  668. .curPhaseStyle {
  669.     font-family: "Helvetica Neue";
  670.       font-size: 12px;
  671.       text-align: center;
  672.     
  673.     /*
  674.     curLightDiv
  675.     
  676.     border-style: dotted;
  677.     border-color: fuchsia;
  678.     border-width: 1px;
  679.     
  680.     position: absolute;
  681.       left: 77px;
  682.       right: 75px;
  683.     
  684.     width: auto;
  685.     height: auto;
  686.     */
  687. }
  688.  
  689. #curPhaseDot {
  690.     /* padding-bottom: 2px; */
  691.     
  692.     width: 15px;
  693.     height: 15px;
  694.  
  695.     display: inline-block;
  696. }
  697.  
  698. #curPhaseTitle {
  699.     display: inline-block;
  700.     width: auto;
  701. }
  702.  
  703.     /*
  704.     border-style: dotted;
  705.     border-color: fuchsia;
  706.     border-width: 1px;
  707.     */
  708.  
  709. .moonPhasePrevNextName {
  710.     font-size: 11px; /* vc12: 10px */
  711. }
  712.  
  713. .moonPhaseTimeCur {
  714.     font-size: 11px; /* vc12: 10px */
  715. }
  716.  
  717. .moonPhaseDate {
  718.     font-size: 10px; /* vc12: 9px */
  719. }
  720.  
  721. .moonPhaseTime {
  722.     font-size: 10px; /* vc12: 9px */
  723.     width: 46px;
  724.       text-align: center;
  725. }
  726.  
  727. .prevNextPhaseTitle {
  728.     position: absolute;
  729.     
  730.     font-family: "Helvetica Neue";
  731.       text-align: center;
  732.     
  733.     width: 66px;
  734.     height: auto;
  735. }
  736.  
  737. /*
  738. #curPhaseTime {
  739.     left: 105px;
  740.     top: 86px;
  741. }
  742. */
  743.  
  744. #prevPhaseTitle {
  745.     left: 20px;
  746.     top: 24px; /* vc12: 26px */
  747. }
  748.  
  749. #prevPhaseDate {
  750.     left: 20px;
  751.     top: 70px; /* vc12: 72px */
  752. }
  753.  
  754. #prevPhaseTime {
  755.     left: 20px;
  756.     top: 82px; /* vc12: 83px */
  757. }
  758.  
  759. #nextPhaseTitle {
  760.     left: 190px;
  761.     top: 24px; /* vc12: 26px */
  762. }
  763.  
  764. #nextPhaseDate {
  765.     left: 190px;
  766.     top: 70px; /* vc12: 72px */
  767. }
  768.  
  769. #nextPhaseTime {
  770.     left: 190px;
  771.     top: 82px; /* vc12: 83px */
  772. }
  773.  
  774.  
  775.  
  776. /* time panel */
  777. .clockPosition {
  778.     position: absolute;
  779.     left: 26px;
  780.     top: 20px; /* vc14: 6px */
  781. }
  782.  
  783. #clockFace {
  784.     z-index:1;
  785. }
  786.  
  787. #clockHandsScrew {
  788.     z-index:3;
  789. }
  790.  
  791. #clockCrossHairs {
  792.     z-index:3;
  793. }
  794.  
  795. #clock-canvas {
  796.     z-index:2;
  797. }
  798.  
  799.  
  800. #localDate {
  801.     white-space: nowrap;
  802.       text-align: center;
  803.     font-size: 12px; /* vc12: 11px */
  804.     
  805.     /* panel top */    
  806.     /* cursor: pointer; */
  807.     
  808.     top: 2px; /* 5px vc14: 8px vc12: 12px */
  809.     /* left: 72px;
  810.       right: 70px; */
  811.     left: 34px; /* 24px 42px; vc14: 126px vc13: 137px */
  812.     width: 100px; /* 70px; vc14: auto vc12: 12px */
  813.     padding-top: 1px;
  814.     height: 15px;
  815.     
  816.     /*
  817.     border-style: dotted;
  818.     border-color: fuchsia;
  819.     border-width: 1px;
  820.     */
  821. }
  822.  
  823. .localTimeTitle {
  824.     font-family: "Helvetica Neue";
  825.     font-size: 12px; /* vc14: 12px vc12: 11px */
  826.     display:inline-block;
  827. }
  828.  
  829. #localTime {
  830.     width: 32px;
  831.     text-align: right;
  832. }
  833.  
  834. #localTimeSeconds {
  835.     margin-left: -4px;
  836.     width: auto;
  837. }
  838.  
  839. #localTimeAMPM {
  840.     width: auto;
  841. }
  842.  
  843. .timeTitle {
  844.     position: absolute;
  845.     font-family: "Helvetica Neue";
  846.     font-size: 12px; /* vc14: 11px vc12: 10px */
  847.       /* color: #ffffff; */
  848.       text-align: left;
  849.     
  850.     height: auto;
  851.     display:inline-block;
  852. }
  853.  
  854. .localTimeDiv {
  855.     position: absolute;
  856.     text-align: left;
  857.     
  858.     top: 30px; /* 28px vc14: 23px vc12: 24px */
  859.     left: 144px; /* left: 42px; vc14: 126px vc13: 137px */
  860.     width: auto;
  861.     height: auto;
  862.     
  863.     display:inline-block;
  864. }
  865.  
  866. .timeLeftMargin {
  867.     left: 144px; /* 136px vc14: 126px; vc13: 137px */
  868.     font-size: 12px;
  869. }
  870.  
  871.  
  872. /*
  873. #dayOfWeek {
  874.     top: 36px;
  875.     left: 42px;
  876.     width: auto;
  877. }
  878. */
  879.  
  880. #relativeTime {
  881.     top: 46px; /* 44px top: 21px; vc14: 44px vc13: 66px vc12: 52px */
  882.     width: auto;
  883. }
  884.  
  885. /* not used currently
  886. #tzAbbr {
  887.     top: 69px;
  888.     left: 183px;
  889.     width: auto;
  890. }
  891. */
  892.  
  893. #utcOffset {
  894.     /* panel top */
  895.     top: 3px; /* 17px : 1 px lower than localDate. vc14: 59px 81px vc13: 82px vc12: 77px */
  896.     margin-top: 1px;
  897.     font-size: 11px;
  898.     width: auto;
  899. }
  900.  
  901. #dst {
  902.     top: 81px; /* top: 36px; vc14: 81px 44px */
  903.     /* vc14: left: 126px; vc13: 137px */
  904.     font-size: 11px;
  905.     width: auto;
  906. }
  907.  
  908.  
  909. /*
  910. .timeZoneTitle {
  911.     position:absolute;
  912.     
  913.     color: #000000;
  914.       text-align: center;
  915.  
  916.     font-family: "Helvetica Neue";
  917.     font-size: 9px;
  918.     white-space:nowrap;
  919.  
  920.     border: 1px;
  921.     border-color: #000000;
  922.     border-style: solid;
  923.     background-color: rgb(250,250,250);
  924.     height: auto;
  925. }
  926. #tzAbbr {
  927.     top:68px;
  928.     left:135px;
  929.     width: 36px;
  930. }
  931.  
  932. #utcOffset {
  933.     top:68px;
  934.     left:180px;    
  935.     width: 57px;
  936. }
  937.  
  938. */
  939.  
  940. .placeTitle {
  941.     cursor: pointer;
  942.     /* pointer-events: none; */
  943.     width: 256px;
  944.     height: 12px;
  945.     /* padding: 4px; */
  946.     padding-left: 4px;
  947.     padding-right: 4px;
  948.     padding-top: 3px;
  949.     padding-bottom: 5px;
  950.     margin: 5px auto;
  951.     z-index:1;
  952. }
  953.  
  954. img.flag {
  955.     margin-left:4px; 
  956.     margin-right:2px;
  957.     /* margin-bottom:2px; */
  958.     position: absolute;
  959.     padding-top: 0px;
  960.     left: 14px; /* 10px */
  961.     z-index:1;
  962. }
  963.  
  964. span.place {
  965.     font-family: "Helvetica Neue";
  966.     font-size: 14px;
  967.     margin-left: 42px; /*2px*/
  968.     margin-bottom: 1px;
  969.     
  970.     overflow:hidden;
  971.     white-space:nowrap;
  972.     text-overflow:ellipsis;
  973.     
  974.     /*
  975.     border-style:solid;
  976.     border-color: #5a2f25;
  977.     border-width: 1px;
  978.     */
  979.     
  980.     text-shadow: #666666 0px -1px 1px;
  981.       text-align: left;    /* left center right */
  982.       font-weight: bold;
  983.     color: #ffffff;
  984.     display:inline-block;
  985.     width:120px;
  986. }
  987.  
  988. img.digTimeBg {
  989.     /* margin-left: -10px; */
  990.     /*margin-right:2px;*/
  991.     margin-top: -1px; /* 1px */
  992.     /*margin-bottom: 4px;  2px */
  993.     position: absolute;
  994.     left: 177px; /* and for Euro time "left: 195px;"*/
  995.     z-index:0;
  996. }
  997.  
  998. img.light {
  999.     margin-right: 2px;
  1000.     margin-bottom: 5px;
  1001.     position: relative;
  1002.     padding-top: 0px;
  1003.     left: 71px; /* 69px */
  1004.     /* width: 3px; */
  1005.     
  1006.     visibility:visible;
  1007.     z-index:2;
  1008. }
  1009.  
  1010. span.digSun {
  1011.       /* text-shadow: #CCCCCC 0px -1px 1px;  experiment with the color */
  1012.       color: #000000;
  1013. }
  1014.  
  1015. span.digNight {
  1016.       /* text-shadow: #666666 0px -1px 1px; */
  1017.       color: #ffffff;
  1018. }
  1019.  
  1020. span.digTimeAMPM {
  1021.     position:relative;
  1022.     margin-left: 2px;
  1023.     bottom: 4px; /* 3px 5px */
  1024.     /*
  1025.     margin-left: 2px;
  1026.     margin-bottom: 4px;
  1027.  
  1028.     border-style:solid;
  1029.     border-color: #5a2f25;
  1030.     border-width: 1px;
  1031.     */
  1032.     font: 9px "Helvetica Neue";
  1033.       font-weight: bold;
  1034.      display:inline-block;
  1035.       text-align: left;
  1036. }
  1037.  
  1038. span.digTime12 {
  1039.     position:relative;
  1040.       text-align: right;
  1041.     margin-left: 4px; /* vc14:6px */
  1042.     width: 42px;
  1043.     bottom: 2px; /* 1px */
  1044.     /*
  1045.     border-style:solid;
  1046.     border-color: #5a2f25;
  1047.     border-width: 1px;
  1048.     */
  1049.     font: 14px "Helvetica Neue";
  1050.       font-weight: bold;
  1051.     letter-spacing: 0.1em;
  1052.      display:inline-block;
  1053. }
  1054.  
  1055. span.digTime24 {
  1056.     position:relative;
  1057.     padding-left: 17px;
  1058.     margin-left: 4px; /* vc14:6px */
  1059.     width: 42px;
  1060.     bottom: 2px; /* 1px */
  1061.     /*
  1062.     border-style:solid;
  1063.     border-color: #5a2f25;
  1064.     border-width: 1px;
  1065.     */
  1066.     font: 14px "Helvetica Neue";
  1067.       font-weight: bold;
  1068.     letter-spacing: 0.1em;
  1069.      display:inline-block;
  1070.       text-align: right;
  1071. }
  1072.  
  1073.  
  1074. #placesHeader {
  1075.     position: absolute;
  1076.     width: 276px;
  1077.     /* width: 184px; */
  1078.     left: 5px;
  1079.     top:2px;
  1080. }
  1081.  
  1082. /* panel top */
  1083. .divButtonStyle {
  1084.     cursor: pointer;
  1085.     position: absolute;
  1086.     
  1087.     top: 5px; /* 6px */
  1088.     left: 21px; /* 21px */
  1089.     /* right: 23px; */
  1090.  
  1091.     opacity: 0.0;
  1092.     /* z-index:6; */
  1093. }
  1094.  
  1095.  
  1096. .flipStyle {
  1097.     position:absolute;
  1098.     left:244px; /* 175px */
  1099.     top: 2px; /* 1px */
  1100.     width:13px;
  1101.     height:13px;
  1102. }
  1103.  
  1104. #flip {
  1105.     opacity:0;
  1106.     background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
  1107. }
  1108.  
  1109. #fliprollie {
  1110.     display:none;
  1111.     opacity:0.25;
  1112.     background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
  1113. }
  1114.  
  1115.  
  1116. .background {
  1117.     position:absolute;
  1118.     top: 0;
  1119.     left: 0;
  1120.     z-index:-5;
  1121. }
  1122.  
  1123. #selection {
  1124.     position:absolute; 
  1125.     top: 3px; /* 6px */
  1126.     left: 0px; /* Old: 17px 10px */
  1127. }
  1128.  
  1129. .relative {
  1130.     position:relative;
  1131. }
  1132.  
  1133. /*
  1134. #secondStatus {
  1135.     position:absolute;
  1136.     left:20px;
  1137.     top:2px;
  1138.     font: 9px "Helvetica Neue";
  1139.       font-weight: bold;
  1140.       color: rgb(166,179,202);
  1141.       text-shadow: rgba(0,0,0,0.5) 0px -1px 1px;
  1142. }
  1143. */
  1144.  
  1145. /* popup menu */
  1146. .dropDownMenu {
  1147.     font: 11px "Helvetica Neue";
  1148.     position:absolute;
  1149.     left: 37px; /* 30px 55px 15px 19px */
  1150.     width: 128px; /* 131px 132px */
  1151.     z-index:2;
  1152. }
  1153.  
  1154. #region-dropDownMenu {
  1155.     top: 25px; /* 6px */
  1156. }
  1157.  
  1158. #city-dropDownMenu {
  1159.     top: 45px; /* 26px */
  1160. }
  1161.  
  1162. #sortDiv {
  1163.     position:absolute;
  1164.     top: 65px;
  1165.     left: 37px;
  1166. }
  1167.  
  1168. #sortText {
  1169.     text-align: left;
  1170.     font-family: "Lucida Grande"; /* "Helvetica Neue" */
  1171.     font-size: 9px;
  1172.     color: white;
  1173.  
  1174.     cursor: default;
  1175.     pointer-events: none;
  1176. }
  1177.  
  1178. #backsideContentArea {
  1179.     width: 276px; /* 276px */
  1180.     height: 258px; /* 208px(vc13) 230px 213px 212px 202px 100px 110px */
  1181.     /*
  1182.     background-image:url(Images/backside1.png);
  1183.     background-repeat:no-repeat;
  1184.     background-position: top left;
  1185.     */
  1186.     overflow:visible; /* visible hidden */
  1187. }
  1188.  
  1189. #backsideLowerArea {
  1190.     width: 276px; /* 276px */
  1191.     height: 107px; /* 120px 110px 85px 96px 100px 110px */
  1192.     /*
  1193.     background-image:url(Images/backside2.png);
  1194.     background-repeat:no-repeat;
  1195.     background-position: top left;
  1196.     */
  1197.     overflow:visible; /* visible hidden */
  1198. }
  1199.  
  1200.  
  1201. #citiesDiv {
  1202.      display:inline-block;
  1203. }
  1204.  
  1205. #settingsDiv {
  1206.      display:none;
  1207. }
  1208.  
  1209. #helpDiv {
  1210.      display:none;
  1211. }
  1212.  
  1213. #helpContentDiv {
  1214.     position:absolute;
  1215.     /* margin: 12px; */
  1216.     
  1217.     top: 25px;
  1218.     left: 33px;
  1219.     width: 207px;
  1220.     height: 194px; /* vc13 148px */
  1221.     
  1222.     color: white;
  1223.     /* background-color: rgb(55,61,65); */
  1224.  
  1225.     border-style:solid;
  1226.     border-color: ffffff; /* grey #5a2f25 */
  1227.     border-width: 1px;
  1228.  
  1229.     overflow: auto;
  1230. }
  1231.  
  1232. #helpInnerContentDiv {
  1233.     position: relative;
  1234.     height: auto;
  1235.     margin: 6px;
  1236. }
  1237.  
  1238. .helpTitle {
  1239.     margin-top: 6px;
  1240.     font-size: 13px;
  1241.     font-family: "Lucida Grande";
  1242. }
  1243.  
  1244. .helpBody {
  1245.     margin-top: 2px;
  1246.     margin-left: 6px;
  1247.     font-size: 9px;
  1248.     font-family: "Lucida Grande";
  1249. }
  1250.  
  1251. /*
  1252. .helpList {
  1253.     font-size: 9px;
  1254.     font-family: "Lucida Grande";
  1255.     margin-left: 6px;
  1256.  
  1257.     list-style-type: disc;
  1258.     display: list-item;
  1259. }
  1260. */
  1261.  
  1262. #creditsDiv {
  1263.      display:none;
  1264. }
  1265.  
  1266. #creditsContentDiv {
  1267.     position:absolute;
  1268.     top: 25px; /* 31px 25px */
  1269.     left: 33px; /* 40px 30px */
  1270.     width: 207px;
  1271.     height: 194px; /* vc13 148px */
  1272.     
  1273.     /* background-color: rgb(254,254,254); */
  1274.  
  1275.     border-style:solid;
  1276.     border-color: #ffffff; /* #5a2f25 */
  1277.     border-width: 1px;
  1278.  
  1279.     overflow: auto;
  1280. }
  1281.  
  1282. .creditsStyle {
  1283.     color: #ffffff;
  1284.       text-align: left;
  1285.     position: relative;
  1286.     font-size: 10px;
  1287.     /* font-family: "Helvetica Neue"; */
  1288.     font-family: "Lucida Grande";
  1289. }
  1290.  
  1291. #wTitle {
  1292.     margin-top: 1px;
  1293.     /* margin-bottom: 2px; */
  1294.       font-weight: bold;
  1295.       text-align: center;
  1296.     
  1297.     font-size: 14px;
  1298. }
  1299.  
  1300. #creators {
  1301.     margin-top: 4px;
  1302.     margin-bottom: 2px;
  1303.       font-weight: bold;
  1304.       text-align: center;
  1305.     
  1306.     font-size: 12px;
  1307. }
  1308.  
  1309. .creatorTableStyle {
  1310.     margin-left: 10px;
  1311. }
  1312.  
  1313. .creatorStyle {
  1314.     width: 90px;
  1315.     font-size: 10px;
  1316.     margin-left: 4px;
  1317. }
  1318.  
  1319. .roleStyle {
  1320.       text-align: right;
  1321.     font-size: 10px;
  1322.     width: 65px;
  1323. }
  1324.  
  1325. #credits {
  1326.     margin-top: 8px;
  1327.     /* margin-bottom: 2px; */
  1328.       font-weight: bold;
  1329.       text-align: center;
  1330.     font-size: 12px;
  1331. }
  1332.  
  1333. .source1TableStyle {
  1334.     margin-left: 20px;
  1335. }
  1336.  
  1337. .sourceStyle {
  1338.     color: #ffffff;
  1339.     position: relative;
  1340.     /* font-family: "Helvetica Neue"; */
  1341.     font-family: "Lucida Grande";
  1342.       text-align: left;
  1343. }
  1344.  
  1345. .sourceTitle {
  1346.     margin-left: 2px;
  1347.     margin-top: 5px;
  1348.       /*font-weight: bold;*/
  1349.     font-size: 10px;
  1350. }
  1351. .sourceDesc {
  1352.     margin-left: 2px;
  1353.     font-size: 9px;
  1354. }
  1355. .sourcePerm {
  1356.     margin-top: 2px;
  1357.     margin-left: 2px;
  1358.     font-size: 8px;
  1359. }
  1360.  
  1361. .source1Style {
  1362.     color: #ffffff;
  1363.       text-align: left;
  1364.     position: relative;
  1365.     font-size: 10px;
  1366.     /* font-family: "Helvetica Neue"; */
  1367.     font-family: "Lucida Grande";
  1368. }
  1369.  
  1370. .source1TitleStyle {
  1371.       text-align: right;
  1372.     font-size: 9px;
  1373.     width: 50px;
  1374. }
  1375.  
  1376. .source1Desc {
  1377.     /* margin-left: 6px; */
  1378.     font-size: 9px;
  1379.     width: 100px;
  1380. }
  1381.  
  1382. #source1TitleA {
  1383.     margin-top: -1px;
  1384.     vertical-align: top;
  1385.     display:inline-block;
  1386. }
  1387.  
  1388. #source2Link {
  1389.     cursor: pointer;
  1390.     /* pointer-events: none; */
  1391.     color: #bfe2f9; /* blue */
  1392.     text-decoration: underline;
  1393. }
  1394.  
  1395. .dividingLineStyle {
  1396.     margin-top: 4px;
  1397.     margin-left: 75px;
  1398.       text-align: center;
  1399.  
  1400.     border-bottom-style: groove;
  1401.     border-bottom-color: #ffffff;
  1402.     border-bottom-width: thin;
  1403.  
  1404.     width: 40px;
  1405.     height: 4px;
  1406. }
  1407.  
  1408.  
  1409. .backsideMenu {
  1410.     font: 11px "Helvetica Neue";
  1411.     position:absolute;
  1412.     width: 100px;
  1413.     z-index:2;
  1414. }
  1415.  
  1416. #content-backsideMenu {
  1417.     left: 86px;
  1418.     top: 215px; /* 182px */
  1419. }
  1420.  
  1421. #backTab1 {
  1422.     position:absolute;
  1423.     bottom: 111px;
  1424.     /* top: 184px; vc13 */
  1425.     left: 33px; /* 33px */
  1426. }
  1427.  
  1428. #backTab2 {
  1429.     position:absolute;
  1430.     bottom: 111px;
  1431.     /* top: 184px; vc13 */
  1432.     left: 83px; /* 71px 93px */
  1433. }
  1434.  
  1435. #backTab3 {
  1436.     position:absolute;
  1437.     bottom: 111px;
  1438.     /* top: 184px; vc13 */
  1439.     left: 143px; /* 130px 155px */
  1440. }
  1441.  
  1442. #backTab4 {
  1443.     position:absolute;
  1444.     bottom: 111px;
  1445.     /* top: 184px; vc13 */
  1446.     left: 185px; /* 175px 201px */
  1447. }
  1448.  
  1449.  
  1450. /*
  1451. #addbutton {
  1452.     position:absolute;
  1453.     top: 34px;
  1454.     left: 185px;
  1455.     -apple-dashboard-region:dashboard-region(control rectangle);
  1456. }
  1457. */
  1458.  
  1459. /*
  1460. #logo {
  1461.     position:absolute;
  1462.     left:30px;
  1463.     top:200px;
  1464. }
  1465. */
  1466.  
  1467. #citiesLabel {
  1468.     position:absolute;
  1469.     top: 94px; /* 73px */
  1470.     left: 37px;
  1471.     font: 10px "Helvetica Neue";
  1472.     font-weight: bold;
  1473.     color:white;
  1474. }
  1475.  
  1476. #list {
  1477.     position: absolute;
  1478.     top: 108px; /* 87px(vc12) 74px 55px */
  1479.     left: 37px;
  1480.     width: 128px;
  1481.     height: 102px; /* 68px(vc12) 85px(vc12) 102px 120px */
  1482.     border-bottom:1px solid rgb(102, 102, 102);
  1483.     border-top: 1px solid rgb(0, 0, 0);
  1484.     border-left: 1px solid rgb(77, 77, 77);
  1485.     border-right:  1px solid rgb(77, 77, 77);
  1486.     overflow:auto;
  1487. }
  1488.  
  1489. #inner-list {
  1490.     width:100%;
  1491.     min-height: 102px; /* 68px(vc13) 85px(vc12) 102px 120px */
  1492.     background:url(Images/listBackground.png) repeat-y top left;
  1493. }
  1494.  
  1495. .row {
  1496.     height:17px;
  1497. }
  1498.  
  1499. .placesColumn {
  1500.     position:absolute;
  1501.     left:4px;
  1502.     width:102px; /* (102 = 143 - 41) (143 = 46+97) 46px */
  1503.     overflow:hidden;
  1504.     white-space:nowrap;
  1505.     text-overflow:ellipsis;
  1506.     font: 11px "Lucida Grande";
  1507. }
  1508.  
  1509. .select {
  1510.     background-color:rgb(56,116,209);
  1511.     color:white;
  1512. }
  1513.  
  1514. div.select span {
  1515.     color:white;
  1516. }
  1517.  
  1518. #addHint {
  1519.     position: absolute;
  1520.     font: 8px "Lucida Grande";
  1521.     color: white;
  1522.       text-align: center;
  1523.     top: 59px;
  1524.     left: 175px;
  1525.     width: 70px;
  1526.     /*
  1527.     height: 40px;
  1528.     
  1529.     border-style: solid;
  1530.     border-color: white;
  1531.     border-width: 1px;
  1532.     */
  1533. }
  1534.  
  1535. #addPlace {
  1536.     position:absolute;
  1537.     top: 34px; /* 42px 25px */
  1538.     left: 175px; /* 185px */
  1539.     height:23px;
  1540. }
  1541.  
  1542. #moveUp {
  1543.     position:absolute;
  1544.     top: 156px; /* 118px (vc13) */
  1545.     left: 175px;
  1546.     height:23px;
  1547. }
  1548.  
  1549. #moveDown {
  1550.     position:absolute;
  1551.     top: 156px; /* 118px (vc13) */
  1552.     left: 212px;
  1553.     height:23px;
  1554. }
  1555.  
  1556. #removePlace {
  1557.     position:absolute;
  1558.     top: 190px; /* 152px (vc13) */
  1559.     left: 175px; /* 175px 165px 15px */
  1560.     height:23px;
  1561. }
  1562.  
  1563. #otherButton {
  1564.     position:absolute;
  1565.     bottom: 47px;
  1566.     /* top: 247px; vc13 */
  1567.     left: 18px;
  1568.     /* right: 98px; */
  1569.     height:23px;
  1570. }
  1571.  
  1572. #doneButton {
  1573.     position:absolute;
  1574.     bottom: 47px;
  1575.     /* top: 247px; vc13 */
  1576.     right: 20px; /* 18px */
  1577.     height:23px;
  1578. }
  1579.  
  1580. .updateStyle {
  1581.     position:absolute;
  1582.     font-family: "Helvetica Neue";
  1583.     font-size: 11px;
  1584.     left: 30px;
  1585.     width: 220px;
  1586.     color:white;
  1587. }
  1588.  
  1589. .regStyle {
  1590.     font-family: "Helvetica Neue";
  1591.       text-align: center;
  1592.     font-weight: bold;
  1593.     font-size: 12px;
  1594.     left: 45px; /* vc14: 30px */
  1595.     color:white;
  1596. }
  1597.  
  1598. #regDesc1 {
  1599.     position:absolute;
  1600.     top: 115px;
  1601.     margin-top: 10px;
  1602.     width: 175px;
  1603.     
  1604.     /* top right bottom left */
  1605.     padding: 4px 0px 4px 0px;
  1606.     
  1607.     border-style: ridge;
  1608.     border-color: white; /* grey */
  1609.     border-width: 1px;
  1610.     
  1611.     display:none;
  1612. }
  1613.  
  1614.  
  1615. .checkStyle {
  1616.     font-family: "Helvetica Neue";
  1617.     font-size: 11px;
  1618.     color:white;
  1619. }
  1620.  
  1621. .checkTextStyle {
  1622.     text-align: left;
  1623.     
  1624.     cursor: default;
  1625.     pointer-events: none;
  1626. }
  1627.  
  1628.  
  1629. .radioTextStyle {
  1630.     text-align: left;
  1631.     margin-left: 12px;
  1632.     
  1633.     cursor: default;
  1634.     pointer-events: none;
  1635. }
  1636.  
  1637.  
  1638. #extendedHoursPhraseTitle {
  1639.     /* margin-top: 2px; */
  1640.     margin-left: 2px;
  1641.     font-weight: bold;
  1642. }
  1643.  
  1644. #optionsDiv {
  1645.     position:absolute;
  1646.     top: 24px; /* 114px */
  1647.     left: 30px;
  1648. }
  1649.  
  1650. #updateTitle {
  1651.     top: 162px; /* 154px 112px(vc13) */
  1652.     font-size: 12px;
  1653.     font-weight: bold;
  1654. }
  1655.  
  1656. #updateCheckDiv {
  1657.     position:absolute;
  1658.     top: 176px; /* 170px 128px(vc13) */
  1659.     left: 30px;
  1660. }
  1661.  
  1662. /*
  1663. #timeFormatText {
  1664.     text-align: left;
  1665.     
  1666.     cursor: default;
  1667.     pointer-events: none;
  1668. }
  1669.  
  1670. #checkAutoText {
  1671.     text-align: left;
  1672.     
  1673.     cursor: default;
  1674.     pointer-events: none;
  1675. }
  1676. */
  1677.  
  1678. #checkNowButton {
  1679.     margin-left: 18px;
  1680. }
  1681.  
  1682. #updateResult {
  1683.     position:absolute;
  1684.     top: 200px; /* 196px 154px(vc13) */
  1685.     left: 30px;
  1686. }
  1687.  
  1688. #swUpdateResult {
  1689.     font-weight: bold;
  1690.     position:absolute;
  1691.     width: auto;
  1692.     /* color: rgb(200, 200, 200); */
  1693. }
  1694.  
  1695. #swUpdateMessage {
  1696.     margin-top: 1px;
  1697.     margin-left: 45px;
  1698.     position:absolute;
  1699.     width: 170px;
  1700. }
  1701.  
  1702. .productStyle {
  1703.     cursor: pointer;
  1704.       
  1705.       text-align: center;
  1706.     position: absolute;
  1707.  
  1708.     font-family: "Helvetica Neue";
  1709.     color: #ffffff;
  1710.  
  1711.       text-align: center;
  1712.     position: absolute;
  1713.  
  1714.     /* white-space:nowrap; */
  1715.     letter-spacing: 0.1em;
  1716.     
  1717.     /*
  1718.     border-style: ridge;
  1719.     border-color: rgb(150,150,150);
  1720.     border-width: 1px;
  1721.     */ 
  1722.     
  1723.     left: 12px; /* 78px 30px */
  1724.     height: auto;
  1725.     width: 110px;
  1726. }
  1727.  
  1728. #productName {
  1729.     text-shadow: #666666 0px -1px 1px;
  1730.       font-weight: bold;
  1731.     font-size: 18px;
  1732.     
  1733.     bottom: 88px;
  1734.     /* top: 206px; vc13 */
  1735. }
  1736.  
  1737. #productInfo {
  1738.     font-family: "Lucida Grande";
  1739.     font-size: 9px;
  1740.     color: #0000FF;
  1741.     text-decoration: underline;
  1742.  
  1743.     bottom: 79px;
  1744.     /* top: 226px; vc13 */
  1745. }
  1746.  
  1747. #version {
  1748.     font-size: 9px;
  1749.     font-family: "Lucida Grande";
  1750.       color: #ffffff; /* rgb(240,240,240);  /* de-emphasizedText */
  1751.  
  1752.     position: absolute;
  1753.       text-align: left;
  1754.     
  1755.     bottom: 97px;
  1756.     /* top: 208px; vc13 */
  1757.     left: 122px;
  1758.     width: auto;
  1759. }
  1760.  
  1761. #newVersionText {
  1762.     cursor: pointer;
  1763.     font-size: 9px;
  1764.     font-family: "Lucida Grande";
  1765.     color: #0000FF;
  1766.     text-decoration: underline;
  1767.  
  1768.     position: absolute;
  1769.  
  1770.     /* border-style: solid;
  1771.     border-color: white;
  1772.     border-width: 1px; */
  1773.  
  1774.     bottom: 74px;
  1775.     /* top: 220px; vc13 */
  1776.     left: 130px;
  1777.     width: 128px;
  1778. }
  1779.  
  1780. .velaText {
  1781.     color: #ffffff;
  1782.     /* color: #252525; */
  1783.  
  1784.       text-align: center;
  1785.     position: absolute;
  1786.  
  1787.     font-size: 9px;
  1788.     font-family: "Lucida Grande";
  1789.     /* white-space:nowrap; */
  1790.     letter-spacing: 0.1em;
  1791.  
  1792.     width: 276px;
  1793.     height: auto;
  1794. }
  1795.  
  1796. #companyName {
  1797.     bottom: 29px;
  1798.     /* top: 275px;  258px 235px */
  1799.     left: 0px;
  1800. }
  1801.  
  1802. #copyright {
  1803.     bottom: 18px;
  1804.     /* top: 287px;  270px 247px */
  1805.     left: 0px;
  1806. }
  1807.  
  1808.  
  1809.